@charset "utf-8";
@import  "common/reset";
@function r($px){
    @return $px/100+rem;
};
.mobile{
    section{
        
        //轮播图
        .swiper-container{
            .swiper-wrapper{
                .swiper-slide{
                    .bottomInformation{
                        position: absolute;
                        bottom: r(30);
                        left: 0;
                        background: #000;
                        height: r(120);
                        width: 100%;
                        opacity: 0.6;
                        padding: r(10) r(20);
                        h3{
                            width: r(581);
                            height: r(41);
                            font-size: r(25);
                            color: wheat;
                            -webkit-line-clamp: 1;
                            overflow:hidden;
                            white-space:nowrap;
                            text-overflow:ellipsis; 
                            margin-bottom: r(8);
                            text-align: center;
                        }
                        a{
                            color: white;
                            font-size: r(25);
                            float: left;
                        }
                        .a1{
                            margin-left: r(10);
                        }
                        .a2{
                            margin-left: r(20);
                        }
                        span{
                            float: right;
                            color: white;
                            font-size: r(23);
                        }
                    }//bottomInformation
                }//swiper-slide
            }//swiper-wrapper
        }//swiper-container
        .content{
            width: 100%;
            .top{
                width: r(583);
                margin: 0 auto;
                .hr{
                    width: r(583);
                    margin: r(19) auto;
                    size: r(1);
                    color: #e2e2e2;
                    background: #e2e2e2;
                }
                .example_top{
                    width: 100%;
                    height: r(118);
                    overflow:hidden;
                    .le{
                        width: r(324);
                        float: left;
                        p{
                            overflow: hidden;
                            color: #000;                         width: r(324);
                            text-overflow: ellipsis;
                            font-size: r(25);
                            margin-bottom: r(26);
                        }
                        .icon-aixin{
                            font-size: r(17);
                            float: left;
                            color: #c5c5c5;
                        }
                        span{
                            font-size: r(18);
                            color: #c5c5c5;
                            float: right;
                            .anli{
                                font-size: r(21);
                            }
                        }
                    }
                    .ri{
                        width: r(210);
                        float: right;
                        img{
                            width: 100%;
                        }
                    }
                }
            }//top
            .middle{
                width: 100%;
                height: r(25);
                background: #c5c5c5;
                margin-top: r(34);
            } 
            .bottom{
                width: r(585);
                margin: 0 auto;
                overflow: hidden;
                .first,.second{
                    margin-top: r(34);
                    .p_top{
                       overflow: hidden;
                       width: 100%;
                       text-overflow: ellipsis;
                       font-size: r(30);
                       margin-bottom: r(26);
                       color: #000;
                       white-space: nowrap;
                    }
                    .tupian{
                        width: 100%;
                        margin-bottom: r(13);
                        overflow: hidden;
                        .img{
                            float: left;
                            width: r(188);
                            height: r(123);
                            img{
                                width: 100%;
                            }
                        }
                        .img2{
                            margin: 0 r(10);
                        }
                    }//tupian
                    .bot{
                        width: r(585);
                        height: r(27);
                        line-height: r(27);
                        color: #c5c5c5;
                        overflow: hidden;
                        margin: r(13) auto r(44);
                        .touxiang{
                            float: left;
                              .img{
                                float: left;
                                width: r(27);
                                height: r(27);
                                border-radius: 50%;
                                margin-right: r(9);
                                img{
                                    width: 100%;
                                }  
                               }
                            b{
                                float: left;
                                font-size: r(18);
                                color: #c5c5c5;
                            }
                        }//touxiang
                        .icon-iconfontconment,.icon-aixin{
                             font-size: r(17);
                             float: left;
                             color: #c5c5c5;
                             margin-left: r(18);
                        }
                        span{
                            font-size: r(18);
                            color: #c5c5c5;
                            float: right;
                            .anli{
                                font-size: r(21);
                            }
                        }
                    }//bot
                    
                .hr{
                    width: r(583);
                    margin: r(19) auto;
                    size: r(1);
                    color: #e2e2e2;
                    background: #e2e2e2;
                }
                .example_top{
                    width: 100%;
                    height: r(118);
                    overflow:hidden;
                    .le{
                        width: r(324);
                        float: left;
                        p{
                            overflow: hidden;
                            color: #000;                         
                            width: r(324);
                            text-overflow: ellipsis;
                            font-size: r(25);
                            margin-bottom: r(26);
                        }
                        .icon-aixin{
                            font-size: r(17);
                            float: left;
                            color: #c5c5c5;
                        }
                        span{
                            font-size: r(18);
                            color: #c5c5c5;
                            float: right;
                            .anli{
                                font-size: r(21);
                            }
                        }
                    }
                    .ri{
                        width: r(210);
                        float: right;
                        img{
                            width: 100%;
                        }
                    }
                }
            }//first
            }//bottom
        }//content
        .section_bottom{
            width: r(585);
            height: r(57);
            line-height: r(57);
            color: #e1e1e1;
            text-align: center;
            border-top: r(1) solid #e1e1e1;
            font-size: r(21);
            margin:0 auto;
            margin-top: r(33);
        }
    }//section
}
